<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>文章</title>
	<link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <link rel="stylesheet" href="../css/master.css" />
    <link rel="stylesheet" href="../css/gloable.css" />
    <link rel="stylesheet" href="../css/nprogress.css" />
    <link rel="stylesheet" href="../css/blog.css" />
	<link rel="stylesheet" th:href="@{/editormd/css/editormd.css}"/>
	<link rel="shortcut icon" th:href="@{favicon.ico}" />
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
                <a href="/toWrote" class="header-logo" id="logo">To write</a>
                <nav class="nav" id="nav">
                    <ul>
						<li><a href="/homepage">首页</a></li>
						<li><a href="/article">博客</a></li>
						<li><a href="/message">留言</a></li>
						<li><a href="/link">友链</a></li>
						<li><a href="/aboutMe">日志</a></li>
						<li><a href="/loginOut"  th:if="${session.name}">退出</a></li>
						<li><a href="/toUpdateUser"><p th:inline="text" th:if="${session.name}">[[${session.name}]]</p></a></li>
						<li><a href="/toUpdateUser"  th:if="${session.name}">
							<img th:src="'http://blog-cxz.oss-cn-beijing.aliyuncs.com/'+${session.id}+'.jpg'" class="layui-nav-img">
						</a></li>
                    </ul>
                </nav>
				<a href="/html/login.html"  th:if="not ${session.name}" class="blog-user">
					<p style="font-family: 楷体">请登录</p>
				</a>

                <a class="phone-menu">
                    <i></i>
                    <i></i>
                    <i></i>
                </a>
            </div>
        </div>
    </header>

    <div class="doc-container" id="doc-container">
        <div class="container-fixed">
		    <div class="col-content">
		        <div class="inner">
		            <article class="article-list bloglist" id="LAY_bloglist" >
						<section class="article-item zoomIn article" th:each="article : ${article}">
							<div class="fc-flag">置顶</div>   
							<h5 class="title">
								<span class="fc-blue">作者:</span>
								<span class="fc-red" style="font-family: 楷体" th:text="${article.user_name}"></span>
								<span class="fc-blue">【原创】</span>       
								<a style="font-family: 楷体" th:href="'/read?article_title='+${article.article_title}" th:text="${article.article_title}"></a>
							</h5>   
							<div class="time">
								<span class="month fs-18" th:text="${article.article_time}"></span>
							</div>   
							<div class="content">       
								<a th:href="'/read?article_title='+${article.article_title}" class="cover img-light">
									<img th:src="'http://blog-cxz.oss-cn-beijing.aliyuncs.com/'+${article.article_id}+'.jpg'">
								</a>
								<p style="height:200px;overflow:hidden;" th:text="${article.article_content}"></p>
							</div>   
							<div class="read-more">       
								<a th:href="'/read?article_title='+${article.article_title}" class="fc-black f-fwb">继续阅读</a>
							</div>    
							<aside class="f-oh footer">       
								<div class="f-fl tags">           
									<span class="fa fa-tags fs-16"></span>           
									<a class="tag" th:text="${article.article_type}"></a>
								</div>       
								<div class="f-fr">           
									<span class="read">               
										<i class="fa fa-eye fs-16"></i>               
										<i class="num" th:text="${article.article_views}"></i>
									</span>           
									<span class="ml20">               
										<i class="fa fa-comments fs-16"></i>               
										<a href="javascript:void(0)" class="num fc-grey" th:text="${article.article_comment_count}"></a>
									</span>       
								</div>   
							</aside>
						</section>
		            </article>
		        </div>
		    </div>
		    <div class="col-other">
		        <div class="inner">
					<div class="other-item" id="categoryandsearch">
			    		<div class="search">
							<form action="/selectArticle" method="get">
					        <label class="search-wrap">
					            <input type="text" name="article_title" id="article_title" placeholder="输入标题关键字搜索" />
					            <span class="search-icon submit">
					                <button  type="submit"><i class="fa fa-search"></i></button>
					            </span>
					        </label>
			        		<ul class="search-result"></ul>
							</form>
			    		</div>
			    		<ul class="category mt20" id="category">
				        	<li data-index="0" class="slider"></li>
				        	<li data-index="1"><a href="/article">全部文章</a></li>
				            <li data-index="2"><a href="/javaLu">我的Java路</a></li>
				            <li data-index="3"><a href="/wxArticle">文学杂志</a></li>
				            <li data-index="4"><a href="/rzArticle">关于人生</a></li>
				            <li data-index="5"><a href="/rzArticle">个人日志</a></li>
				            <li data-index="6"><a href="/other">其它</a></li>
			    		</ul>
					</div>
					<!--右边悬浮 平板或手机设备显示-->
					<div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
					<div class="article-category">
					    <div class="article-category-title">分类导航</div>
					            <a href="/javaLu">我的Java路</a>
					            <a href="/wxArticle">文学杂志</a>
					            <a href="/rzArticle">关于人生</a>
					            <a href="/rzArticle">个人日志</a>
					            <a href="/other">其它</a>
					    <div class="f-cb"></div>
					</div>
					<!--遮罩-->
					<div class="blog-mask animated layui-hide"></div>
					<div class="other-item">
					    <h5 class="other-item-title" style="font-family: 楷体">热门文章</h5>
					    <div class="inner">
					        <ul class="hot-list-article" >
					                <li th:each="articleDesc : ${articleDesc}"> <a th:href="'/read?article_title='+${articleDesc.article_title}"  th:text="${articleDesc.article_title}"></a></li>
					        </ul>
					    </div>
					</div>
					<div >
						<link rel="stylesheet" href="https://chenxi-1302638718.cos.ap-nanjing.myqcloud.com/css/APlayer.min.css"> <script src="https://chenxi-1302638718.cos.ap-nanjing.myqcloud.com/js/APlayer.min.js"></script> <div class="aplayer" data-id="2995685964" data-server="netease" data-volume="0.4" data-type="playlist"> </div> <script src="https://chenxi-1302638718.cos.ap-nanjing.myqcloud.com/js/Meting.min.js"></script>
					</div>

						<div class="other-item">
					    <h5 class="other-item-title" style="font-family: 楷体">合作伙伴</h5>
					    <div class="inner">
					        <dl class="vistor">
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=1812806483&s=640"><cite>桎梏</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=726942920&s=640"><cite>厉</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=302838430&s=640"><cite>问题</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=1991312337&s=640"><cite>龍迩</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=2962318237&s=640"><cite>窃格瓦拉</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=3391560934&s=640"><cite>沃德天·拿摩帅</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=1974262799&s=640"><cite>从心</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=514156757&s=640"><cite>17</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=1607852304&s=640"><cite>水星记。</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=2431587555&s=640"><cite>薛定谔的小猫猫</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=827464447&s=640"><cite>记忆〞泛起了涟漪</cite></a></dd>
					                <dd><a href="javasript:;"><img src="http://q1.qlogo.cn/g?b=qq&nk=1197753395&s=640"><cite>　　　　</cite></a></dd>
					        </dl>
					    </div>
					</div>
		        </div>
		    </div>
		</div>
    </div>
    <footer class="grid-footer">
        <div class="footer-fixed">
            <div class="copyright">
                <div class="info">
                    <div class="contact">
                        <a href="https://github.com/qz501664112/501664112.github.com.git" class="github" target="_blank"><i class="fa fa-github"></i></a>
                        <a href="javascript:void(0)"  onclick="qqShare('http://60.205.188.140:8888/','心如止水,明镜致远','博以至客论坛',null,'http://60.205.188.140:8888/image/501664112.jpg')" class="qq" target="_blank" title="501664112"><i class="fa fa-qq"></i></a>
                        <a href="https://mail.qq.com" class="email" target="_blank" title="930054439@qq.com"><i class="fa fa-envelope"></i></a>
                        <a href="weixin://" class="weixin"><i class="fa fa-weixin"></i></a>
                    </div>
					<p class="mt05">
						Copyright &copy; 2021-2021 初学者 <a style="color: white" href="http://www.mygirlfriends.cn/">mygirlfriends.cn</a> 版权所有 ICP证:<a style="color: white" href="https://beian.miit.gov.cn/">赣ICP备2021004732号</a>
					</p>
                </div>
            </div>
        </div>
    </footer>
	<script src="https://www.layuicdn.com/layui/layui.js"></script>
    <script src="../js/yss/gloable.js"></script>
    <script src="../js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
 	<script src="../js/yss/article.js"></script>
    <script>
        window.onload = function () {
            NProgress.done();
        };
    </script>
	<script type="text/javascript">
		function qqShare(url,title,summary,pics){
			var urlPath = "https://connect.qq.com/widget/shareqq/index.html?url="+ encodeURI(url) +
					"&desc=&title=" + title +
					"&summary=" + summary +
					"&pics=" + pics;
			window.open (urlPath, 'qq分享', 'height=637, width=1053, top=195,left=459, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
		}
	</script>
</body>
</html>
